<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no">
		<meta name="format-detection" content="telephone=no" />
		<meta name="keywords" content="" />
		<meta name="description" content="" />
		<title>yg</title>
		<link rel="stylesheet" href="css/style.css">
		<link rel="stylesheet" href="css/swiper.min.css">
		<script type="text/javascript" src="js/jquery-2.1.0.min.js"></script>
		<script type="text/javascript" src="js/rem.js"></script>
		<style>
			.page2_list li{opacity:0;transition:all 0.8s;transform: translateY(50px);}
			.page2_list li.active{opacity:1;transform: translateY(0px);}
		</style>
	</head>
	<body>
		<div class="header clearfloat"  id="ser">
			<div class="headerleft">
				<a href="index.html"><img src="images/logo.png" ></a>
			</div>
			<div class="headeright">
				<p style="color: #00a06a;"><i></i>崇文门：<span><a href="tel:010-67113512" style="color: #00a06a;">010-67113512</a></span></p>
				<p style="padding-left: 0.24rem;box-sizing: border-box; color: #00a6ab;};">团结湖：<span><a href="tel:010-85885768" style="color: #00a6ab;">010-85885768</a></span></p>
				<p style="padding-left: 0.24rem;box-sizing: border-box; color: #2059a6;};">新街口：<span><a href="tel:010-82206802" style="color: #2059a6;">010-82206802</a></span></p>
			</div>
		</div>
		<style>
		.lhar_head_tab ul{width:100%;justify-content: center;}
			.lhar_head_tab li{width:30%;    text-align: center;}
		</style>
		<div class="lhar_head_tab">
			<ul class="">
				<li><a href="javascript:void(0);">首页</a></li>
				<li class="active"><a href="javascript:void(0);">选课中心</a></li>
			</ul>
		</div>
		<div class="lhar_posi">
			<ul class="clearfloat">
				<li><a href="javascript:void(0);">全部结果</a><span>&gt;</span></li>
				<li><a href="javascript:void(0);">英语</a><span>&gt;</span></li>
			</ul>
		</div>
		<div class="page2_tab_box">
			<div class="page2_tab">
				<div class="type clearfloat">
					<p>年级：</p>
					<ul>
						<li class="on"><a onclick="renderlesson('1','','again')">一年级</a></li>
						<li><a onclick="renderlesson('2','','again')">二年级</a></li>
						<li><a onclick="renderlesson('3','','again')">三年级</a></li>
						<li><a onclick="renderlesson('4','','again')">四年级</a></li>
						<li><a onclick="renderlesson('5','','again')">五年级</a></li>
						<li><a onclick="renderlesson('6','','again')">六年级</a></li>
						<li><a onclick="renderlesson('7','','again')">初一</a></li>
						<li><a onclick="renderlesson('8','','again')">初二</a></li>
						<li><a onclick="renderlesson('9','','again')">初三</a></li>
					</ul>
				</div>
				<div class="type clearfloat">
					<p>类别：</p>
					<ul>
						<li><a href="javascript:void(0);">校内衔接课程</a></li>
						<li><a href="javascript:void(0);">专题课程</a></li>
						<li><a href="javascript:void(0);">素养课程</a></li>
					</ul>
				</div>
			</div>
		</div>
		<div class="page2_list_box">
			<ul class="page2_list clearfloat">
				<li>
					<div class="info">
						<p>能动英语直播班</p>
						<div class="clearfloat">
							<span>难度:</span>
							<i></i>
							<i></i>
							<i></i>
							<i></i>
						</div>
						<h3>英语时态语法分析</h3>
						<a href="javascript:void(0);">立即领取</a>
					</div>
				</li>
				<li>
					<div class="info">
						<p>能动英语直播班</p>
						<div class="clearfloat">
							<span>难度:</span>
							<i></i>
							<i></i>
							<i></i>
							<i></i>
						</div>
						<h3>少儿冲刺班</h3>
						<a href="javascript:void(0);">立即领取</a>
					</div>
				</li>
				<li>
					<div class="info">
						<p>能动英语直播班</p>
						<div class="clearfloat">
							<span>难度:</span>
							<i></i>
							<i></i>
							<i></i>
						</div>
						<h3>四年级直播班</h3>
						<a href="javascript:void(0);">立即领取</a>
					</div>
				</li>
				<li>
					<div class="info">
						<p>能动英语直播班</p>
						<div class="clearfloat">
							<span>难度:</span>
							<i></i>
							<i></i>
						</div>
						<h3>低年级直播班</h3>
						<a href="javascript:void(0);">立即领取</a>
					</div>
				</li>
				<li>
					<div class="info">
						<p>能动英语直播班</p>
						<div class="clearfloat">
							<span>难度:</span>
							<i></i>
							<i></i>
							<i></i>
						</div>
						<h3>五年级启航班</h3>
						<a href="javascript:void(0);">立即领取</a>
					</div>
				</li>
				<li>
					<div class="info">
						<p>能动英语直播班</p>
						<div class="clearfloat">
							<span>难度:</span>
							<i></i>
							<i></i>
							<i></i>
						</div>
						<h3>预初提高班</h3>
						<a href="javascript:void(0);">立即领取</a>
					</div>
				</li>
				<li>
					<div class="info">
						<p>能动英语直播班</p>
						<div class="clearfloat">
							<span>难度:</span>
							<i></i>
							<i></i>
							<i></i>
						</div>
						<h3>三年级直播班</h3>
						<a href="javascript:void(0);">立即领取</a>
					</div>
				</li>
				<li>
					<div class="info">
						<p>能动英语直播班</p>
						<div class="clearfloat">
							<span>难度:</span>
							<i></i>
							<i></i>
						</div>
						<h3>一年级新生衔接班</h3>
						<a href="javascript:void(0);">立即领取</a>
					</div>
				</li>
				<li>
					<div class="info">
						<p>能动英语直播班</p>
						<div class="clearfloat">
							<span>难度:</span>
							<i></i>
							<i></i>
							<i></i>
						</div>
						<h3>二年级直播班</h3>
						<a href="javascript:void(0);">立即领取</a>
					</div>
				</li>
				<li>
					<div class="info">
						<p>能动英语直播班</p>
						<div class="clearfloat">
							<span>难度:</span>
							<i></i>
							<i></i>
							<i></i>
							<i></i>
						</div>
						<h3>初中新生衔接班</h3>
						<a href="javascript:void(0);">立即领取</a>
					</div>
				</li>
			</ul>
		</div>
		<div class="footer clearfloat" style="background: #25c1ac;">
			<div class="footercon">
				<h4>趣味主题游戏<br/>让孩子爱上英语</h4>
				<div class="footerimg">
					<img src="images/wx1.png" alt="">
				</div>
				<p>扫码免费领课</p>
			</div>
			<div class="footerright">
				<div class="footerimg">
					<img src="images/wx.png" alt="">
				</div>
				<p>扫码免费领课</p>
			</div>
		</div>
		<div class="footerbut" style="background: #25c1ac;">
			<p>北京学语乐童文化发展有限公司  <span>京ICP备16061271号</span></p>
		</div>
		
		<div class="fixeder clearfloat">
		   <div class="fixleft">
			<a  href="javascript:void(0);" id="telled">
			 <div class="fleximg">
			  <img src="images/m1.png" alt="">
			 </div>
			 <p>立即拨打</p >
			</a>
		   </div>
		   <div class="flexright clearfloat">
			<input type="text" placeholder="请输入您的手机号码" class="shouji">
			<button type="button"onclick="shouji()">免费领取</button>
		   </div>
		</div>
		<!--侧栏-->
		<div class="celan">
			<ul>
				<li>
					<i><img src="images/zl.png" alt="" /></i>
					<p>试听预约</p>
				</li>
				<li>
					<i><img src="images/dh.png" alt="" /></i>
					<p>咨询电话</p>
				</li>
				<li>
					<i><img src="images/kf.png" alt="" /></i>
					<p>在线咨询</p>
				</li>
				<li class="wxzx">
					<i style="margin-bottom: 0.08rem;margin-top: 0px;"><img src="images/wx2.png" alt="" /></i>
					<p>微信扫一扫  <br/>领取试听课</p>
				</li>
			</ul>
		</div>
		<div class="yytc">
			<div class="yytcbj"></div>
			<div class="yytcbox">
				<div class="yytctop">
					<h4>官方热线</h4>
					<ul>                                              
						<li><a href="tel:010-67113512">崇文门：010-67113512 </a></li>
						<li><a href="tel:010-85885768">团结湖：010-85885768 </a></li>
						<li><a href="tel:010-82206802">新街口：010-82206802 </a></li>
					</ul>
					<h5><i></i>免费拨打</h5>
				</div>
				<div class="yytcgb">
					<img src="images/tcgb.png" alt="">
				</div>
			</div>
		</div>
	</body>
	<script type="text/javascript" src="js/jquery-2.1.0.min.js"></script>
	<script type="text/javascript" src="js/index.min.js"></script>
	<script type="text/javascript" src="js/data.js" ></script>
	<script type="text/javascript" src="js/swiper.min.js"></script>
	<script>
		$(document).ready(function() {
			for(var i=0;i<$(".page2_list li").length;i++){
				var ele_offtop = $(".page2_list li").eq(i).offset().top;
				if($(window).height()-(ele_offtop-$(document).scrollTop())>=0){
					$(".page2_list li").eq(i).addClass("active")
				}
			}
			$(window).scroll(function() {
				for(var i=0;i<$(".page2_list li").length;i++){
					var ele_offtop = $(".page2_list li").eq(i).offset().top;
					if($(window).height()-(ele_offtop-$(document).scrollTop())>=0){
						$(".page2_list li").eq(i).addClass("active")
					}
				}
			});
		});
		function renderlesson(grade,type,time){
        console.log(2);
        let item = '';
        data.forEach(v=>{

            if(grade&type){
					if((Array.isArray(v.grade)?v.grade.indexOf(grade)==-1?false:true:v.grade==grade || v.grade==0)&&(type==v.type || v.type==0)){
                    item = render(v,item,time)
				}
			}else if(type || grade) {
                if(grade){
                    if(Array.isArray(v.grade)?v.grade.indexOf(grade)==-1?false:true:v.grade==grade || v.grade==0){
                        item = render(v,item,time)
					}
				}
				if(type){
                    if(type==v.type || v.type==0){
                        item = render(v,item,time)
                    }
				}
			}else {
                item = render(v,item,time)
			}
        });
        $('.page2_list').html(item,time);
	}
	function render(v,item,time){
        let level = '';
        for (let i = 0; i < v.level; i++) {
            level+='<i></i>'
        }
        item+=`<li class="${time?'active':''}">
					<div class="info">
						<p>${v.name}</p>
						<div class="clearfloat">
							<span>难度:</span>
							${level}
						</div>
						<h3>${v.desc}</h3>
						<a href="javascript:void(0);">立即领取</a>
					</div>
				</li>`;
        return item;
	}
		var my = new Swiper(".baner", {
			 autoplay: 3000,
			speed: 500,
			loop: !0,
			centeredSlides: !0,
			slidesPerView: "auto",
			pagination: '.index_banner_page',
			observer: true, //修改swiper自己或子元素时，自动初始化swiper  
			observeParents: true //修改swiper的父元素时，自动初始化swiper  
		})
		$("#ljbm").each(function(i) {
			$(this).click(function() {
				$(this).addClass("on");
				var b = $("#ser").eq(i);
				$('html,body').animate({
					scrollTop: b.offset().top - $(".header").height()+1
				}, 500);
			})
		})
		$("#telled").click(function(){
			$(".yytc").show();
		})
		$(".yytcgb").click(function(){
			$(".yytc").hide();
		})
			function lingqu() {
		var mobile = $(".mobile").val();
		var phone = /^1[34578]\d{9}$/;
		var ym= window.location.href;
		if(phone.test(mobile)) {
			
			$.ajax({
			type : "get",
			async : false,
			url : "http://dev-marketing.zhixinglexue.com/posterregister/add",
			dataType : "jsonp",//数据类型为jsonp  
			jsonp: 'cb',
			jsonpCallback: 'hi',
			data:{
					id:9,
					way:2,
					phone:mobile
				},

			  success: function(data){
            console.log(data);
            if(data.code==200){
               alert('预约成功')
		}else {
                alert(data.msg || '预约失败')
			}
        }

			
		})

			
			
		} 
	}
		function shouji() {
		var mobile = $(".shouji").val();
		var phone = /^1[34578]\d{9}$/;
		var ym= window.location.href;
		if(phone.test(mobile)) {
			
			$.ajax({
			type : "get",
			async : false,
			url : "http://dev-marketing.zhixinglexue.com/posterregister/add",
			dataType : "jsonp",//数据类型为jsonp  
			jsonp: 'cb',
			jsonpCallback: 'hi',
			data:{
					id:9,
					way:2,
					phone:mobile
				},

			  success: function(data){
            console.log(data);
            if(data.code==200){
               alert('预约成功')
		}else {
                alert(data.msg || '预约失败')
			}
        }

			
		})

			
			
		} 
	}
	</script>
</html>
<script language=javascript>
var LiveAutoInvite0='您好，来自%IP%的朋友';
var LiveAutoInvite1='来自首页的对话';
var LiveAutoInvite2=' 网站商务通 主要功能：<br>1、主动邀请<br>2、即时沟通<br>3、查看即时访问动态<br>4、访问轨迹跟踪<br>5、内部对话<br>6、不安装任何插件也实现双向文件传输<br><br><b>如果您有任何问题请接受此邀请以开始即时沟通</b>';
</script>
<script language="javascript" src="http://pet.zoosnet.net/JS/LsJS.aspx?siteid=PET48145774&float=1&lng=cn"></script>